<html> 
<head> 
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
<title>Simple V3 Map for Android</title> 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&language=zh-CN"></script> 
<script type="text/javascript"> 
  var map;
  function initialize() {
    var latitude = 0;
    var longitude = 0;
    if (window.android){
      latitude = window.android.getLatitude();
      longitude = window.android.getLongitude();
    }
    
    var myLatlng = new google.maps.LatLng(latitude,longitude);
    var myOptions = {
      zoom: 8,
      center: myLatlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    //addMaker();
    Marker();
  }
  function centerAt(latitude, longitude){
    myLatlng = new google.maps.LatLng(latitude,longitude);
    map.panTo(myLatlng);
    
  }
  
  var markerArr = [];
  function Marker(){
  	var center = map.getCenter();
  	var latlng = null, marker = null;
  	markerArr = [];
  	for(var i = 0; i < 50; i++){
  		latlng = new google.maps.LatLng(center.lat()*1+0.001*i,center.lng()*1+0.001*i);
  		marker = new google.maps.Marker({
  			position: latlng
  		});
  		markerArr.push(marker);
  	}
  	setMarker();
  }
  
  function setMarker(){
		if(markerArr){
			for(var i in markerArr){
				markerArr[i].setMap(map);
			}
		}
	}
  
  function hideMarker(){
		if(markerArr){
			for(var i in markerArr){
				markerArr[i].setMap(null);
			}
		}
	}
/*   function addMaker(){
	  var myLatlng1 = new google.maps.LatLng(23.483617,111.326566);
	  var myLatlng2 = new google.maps.LatLng(23.485438,111.311073);
	  var myLatlng3 = new google.maps.LatLng(23.309784,111.26996);
	 
	  var marker1 = new google.maps.Marker({       
		  position: myLatlng1,        
		  map: map,        
		  title:"Hello World!"   
		});
	  var marker2 = new google.maps.Marker({       
		  position: myLatlng2,        
		  map: map,        
		  title:"Hello World!"   
		});
	  var marker3 = new google.maps.Marker({       
		  position: myLatlng3,        
		  map: map,        
		  title:"Hello World!"   
		});
  } */
</script> 
</head> 
<body style="margin:0px; padding:0px;" onload="initialize()"> 
  <div id="map_canvas" style="width:100%; height:100%"></div> 
</body> 
</html> 